 <?include('include/head_member.php')?>	

 
    <div id="content">
       <div class="centerContent"> 
        <section id="joinWrap">
        
 
            <h2><img src="images/title_join.png" alt="title_join"/></h2>
            <div class="processWrap">
            	<ul>
            		<li class="on">
            			<img src="images/join_step_menu01.png" alt="약관동의" />
            		</li>
            		<li>
            			<img src="images/join_step_menu02.png" alt="가입인증" />
            		</li>
            		<li>
            			<img src="images/join_step_menu03.png" alt="정보입력" />
            		</li>
            		<li>
            			<img src="images/join_step_menu04.png" alt="가입완료" />
            		</li>
            	</ul>
            </div>
            <h3>구피 약관동의</h3>
            <div class="descWrap">
            	회원가입을 위해서 아래 이용약관, 개인정보 수집 및 이용에 대한 안내를 읽고 동의해주세요.
            </div>
        
        	<div class="join">        
	            <table class="agreeTable" border="0" cellspacing="0" cellspacing="0"> 
	            	<tr>
	            		<th>서비스 이용약관</th>
	                    <td></td>
	                </tr>
	                <tr>
	                    <td colspan="2">
	                    	<div class="agreeText">
	                    		 <?include('include/term.php')?>	
	                    	</div>
	                    </td>
	                </tr>
	                <tr>
	                	<td colspan="2" valign="top"><input type="checkbox" /> 서비스 이용약관에 동의합니다.</td>
	                </tr>
	                <tr>
	                	<th>개인정보 취급방침</th>
	                    <td></td>
	                </tr>
	                <tr>
	                    <td colspan="2">
	                    	<div class="agreeText">
	                    		 <?include('include/privacy.php')?>	
	                    	</div>
	                    </td>
	                </tr>
	                <tr>
	                	<td colspan="2" valign="top"><input type="checkbox" />개인정보 취급방침에 동의합니다.</td>
	                </tr>
	                <tr>
	                	<td colspan="2" align="center" class="buttonWrap"><input data-href="join2.php" type="image" id="joinBtn1" src="images/btn_join_next.png" /></td>
	                </tr>  		
	         	</table>
            </div>
        </section>
        
         <section style="display:none;" id="joinWrap">
        
 
            <h2><img src="images/title_join.png" alt="title_join"/></h2>
            <div class="processWrap">
            	<ul>
            		<li >
            			<img src="images/join_step_menu01.png" alt="약관동의" />
            		</li>
            		<li class="on">
            			<img src="images/join_step_menu02.png" alt="가입인증" />
            		</li>
            		<li>
            			<img src="images/join_step_menu03.png" alt="정보입력" />
            		</li>
            		<li>
            			<img src="images/join_step_menu04.png" alt="가입완료" />
            		</li>
            	</ul>
            </div>
             <h3>가입인증</h3>
            <div class="descWrap">
            	휴대폰 또는 이메일을 통한 가입인증 절차입니다.<br/>인증에 쓰인 휴대폰번호 또는 이메일은 아이디가 됩니다. 
            </div>
        
        	<div class="join">  
        	
        	
        	<ul id="tab_1" class="tabHead">
				<li class="active"><a href="#checkMail">휴대폰 인증</a></li>
				<li><a href="#checkPhone"><!--이메일 인증--></a></li>
				<div class="clear"></div>
			</ul>
			<div id="checkMail" class="tabContent">
				<table class="formTable" border="0" cellspacing="0" cellspacing="0"> 
            	 
                 <tr>
					<th>휴대폰 번호</th>
					<td><select id="phoneNumber1" name="company" class="select">
                            <option value=010>010</option>
                            <option value=011>011</option>                        
                            <option value=016>016</option> 
                            <option value=017>017</option>   
                            <option value=018>018</option>   
                            <option value=019>019</option>                                     
                        </select> - <input id="phoneNumber2" type="text" class="inputText" size="8"/> - <input id="phoneNumber3" type="text" class="inputText" size="8"/> <a><img id="sendNumber" src="images/btn_auth.png" alt="전송"/></a> <a style="display:none;"><img id="sendNumber" src="images/btn_re_auth.png" alt="재전송"/></a></td>
                </tr>
                <tr >
					<th>인증번호 <span></span></th>
					<td><input id="authPhone" type="text" class="inputText" size="12"/> <a><img id="authBtn" src="images/btn_ok.png" alt="re"/></a>
						<p>휴대폰으로 전송된 인증번호를 입력해 주시기 바랍니다</p>
					</td>
                </tr>
                </table>
			</div>
			<div id="checkPhone" class="tabContent">
					<table class="formTable" border="0" cellspacing="0" cellspacing="0"> 
            	 
                 <tr>
					<th>이메일</th>
					<td><input type="text" class="inputText" size="20"/> @ <input type="text" class="inputText" style="display:none;" size="20"/><select name="mail" class="select">
                            <option value=naver.com>naver.com</option>
                            <option value=hanmail.net>hanmail.net</option>                        
                            <option value=직접입력>직접입력</option> 
                                                               
                        </select>  <a><img src="images/btn_auth_mail.png" alt="전송"/></a> <a style="display:none;"><img src="images/btn_re_auth_mail.png" alt="재전송"/></a></td>
                </tr>
                <tr >
					<th>인증번호 <span></span></th>
					<td><input type="text" class="inputText" size="12"/> <a><img src="images/btn_ok.png" alt="re"/></a>
						<p>이메일로 전송된 인증번호를 입력해 주시기 바랍니다</p>
					</td>
                </tr>
                </table>	
			</div>
			
			<div class="buttonWrap">
				<input data-href="join3.php" id="joinBtn2" type="image" src="images/joinBtn.png"/>
			</div>
			 
        	
        	 
            </div>
        </section>
        
        <section style="display:none;" id="joinWrap">
        
 
            <h2><img src="images/title_join.png" alt="title_join"/></h2>
            <div class="processWrap">
            	<ul>
            		<li >
            			<img src="images/join_step_menu01.png" alt="약관동의" />
            		</li>
            		<li>
            			<img src="images/join_step_menu02.png" alt="가입인증" />
            		</li>
            		<li class="on"> 
            			<img src="images/join_step_menu03.png" alt="정보입력" />
            		</li>
            		<li> 
            			<img src="images/join_step_menu04.png" alt="가입완료" />
            		</li>
            	</ul>
            </div>
             <h3>가입인증</h3>
            <div class="descWrap">
            	전화번호 또는 이메일을 통한 가입인증 절차입니다.<br/>인증에 쓰인 전화번호 또는 이메일은 아이디가 됩니다. 
            </div>
        
        	<div class="joinForm">        
            <table class="formTable" border="0" cellspacing="0" cellspacing="0"  > 
            	<tr>
            		<th>휴대폰 번호 <span>*</span></th>
					<td><input value="" type="text" id="joinPhone" class="inputText none" readonly size="30"/></td>
                </tr>
                <tr>
                	<th scope="row">닉네임 <span>*</span></th>
                    <td><input type="text" id="joinNick" class="inputText" size="30"/></td>
                </tr>
                <tr>
                	<th scope="row">비밀번호 <span>*</span></th>
                    <td><input type="password" id="joinPW" class="inputText" size="30"/></td>
                </tr>
                <tr>
                	<th scope="row">비밀번호 확인  <span>*</span></th>
                    <td><input type="password" id="joinRePW" class="inputText" size="30"/>
                	<span id="status"><span></td>
                </tr>
				<tr>
                	<th scope="row">성별  <span>*</span></th>
                    <td class="genderWrap">
                    	<input type="radio" name="gender" value="1" class="genderM" checked="checked"/> 남자&nbsp;&nbsp;&nbsp;
               			<input type="radio" name="gender" value="2" class="genderW"/> 여자</td>
                </tr>
                <tr>
					<th scope="row">생년월일  <span>*</span></th>
                    <td class="birthWrap" id="cntc_dat_id">
                    </td>
                </tr>
                <tr>
                	<th scope="row">한줄 자기소개</th>
                    <td><input type="text" id="selfIntro" class="inputText" size="70"/></td>
                 </tr>		
         	</table>
            </div>
            <div class="buttonWrap">
				<input id="joinBtn3" data-href="join_comp.php" type="image" src="images/joinBtn.png"/ >
			</div>
        </section>
        
        <section style="display:none;" id="joinWrap">
        
 
            <h2><img src="images/title_join.png" alt="title_join"/></h2>
            <div class="processWrap">
            	<ul>
            		<li >
            			<img src="images/join_step_menu01.png" alt="약관동의" />
            		</li>
            		<li >
            			<img src="images/join_step_menu02.png" alt="가입인증" />
            		</li>
            		<li>
            			<img src="images/join_step_menu03.png" alt="정보입력" />
            		</li>
            		<li class="on">
            			<img src="images/join_step_menu04.png" alt="가입완료" />
            		</li>
            	</ul>
            </div>
             <h3>가입완료</h3>
            <div class="descWrap">
            	회원가입이 완료되었습니다. 
            </div>
        
        	<div class="joinComplete">  
        	
        		<img src="images/join_complete_img.png" alt="join_complete_img"  />
        	
        		<b></b>님, 구피피플이 되신 것을 환영합니다. 
        		      
            
            </div>
            <div class="buttonWrap">
				<input type="image" src="images/join_btn_home.png"/ onclick="location.href='index.php'">
			</div>
        </section>
       </div><!-- div.centerContent -->
    </div><!-- div#content -->
    <script>
    	Account.joinBlock1();
    	createDateSelectBox('cntc_dat',70, 0);
    </script>
<?include('include/footer_member.php')?>	

